<template class="container">
    <select style="margin: 10px;" v-bind:options="options"></select>
    <select name="cars"  style="margin: 10px;">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="fiat">Fiat</option>
        <option value="audi">Audi</option>
    </select>
</template>

<script type="text/lua">
options = {
    {"深圳市", "shenzhenshi"},
    {"上海市", "shanghaishi"},
    {"北京市", "beijingshi"},
    {"杭州市", "hangzhoushi"},
    {"深圳市1", "shenzhenshi1"},
    {"上海市1", "shanghaishi1"},
    {"北京市1", "beijingshi1"},
    {"杭州市1", "hangzhoushi1"},
    {"深圳市2", "shenzhenshi2"},
    {"上海市2", "shanghaishi2"},
    {"北京市2", "beijingshi2"},
    {"杭州市2", "hangzhoushi2"},
}

</script>
<style>
.container {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
}
</style>